<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
<!DOCTYPE HTML>
<html>
<head>
<title>Search</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Marital Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="/zzLoveProduct/search/css/bootstrap-3.1.1.min.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/zzLoveProduct/search/js/jquery.min.js"></script>
<script src="/zzLoveProduct/search/js/bootstrap.min.js"></script>
<!-- Custom Theme files -->
<link href="/zzLoveProduct/search/css/style.css" rel='stylesheet' type='text/css' />
<link href='https://fonts.googleapis.com/css?family=Oswald:300,400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700' rel='stylesheet' type='text/css'>
<!----font-Awesome----->
<link href="/zzLoveProduct/search/css/font-awesome.css" rel="stylesheet"> 
<!----font-Awesome----->
<script>
$(document).ready(function(){
    $(".dropdown").hover(            
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideDown("fast");
            $(this).toggleClass('open');        
        },
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideUp("fast");
            $(this).toggleClass('open');       
        }
    );
});
</script>
<style type="text/css">
		#menu {
		 height: 100px; width: 200px;
		    overflow: hidden;
		    
		    text-align: center;
		}
		
		#menu ul li {
		 float: left;
		 margin: 0 5px;
		 list-style-type: none;
		}
		
		/* Menu Link Styles */
		#menu ul a {
		 display: block;
		 background: white; color: #fff;
		 height: 100px; width: 200px;
		 font: lighter 2em/100px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		 text-decoration: none;
		 
		 -webkit-transition: margin .4s ease-in-out;
		 -moz-transition: margin .4s ease-in-out;
		 -o-transition: margin .4s ease-in-out;
		 -ms-transition: margin .4s ease-in-out;
		 transition: margin .4s ease-in-out;
		}
		
		/* Secondary Link Styles */
		#menu ul a:nth-of-type(even) {
		 background: white;
		 color: white;
		}
		
		/* Hover Slide */
		#menu ul li:hover :first-child {
		 margin-top: -100px;
		} 
		</style>
</head>
<body>
<!-- ============================  Navigation Start =========================== -->
 <div class="navbar navbar-inverse-blue navbar">
    <!--<div class="navbar navbar-inverse-blue navbar-fixed-top">-->
      <div class="navbar-inner navbar-inner_1">
        <div class="container">
           <div class="navigation">
             <nav id="colorNav">
			   <ul>
				<li class="green">
					<a href="#" class="icon-home"></a>
					<ul>
						<li><a href="/zzLoveProduct/login/login/login.jsp">登录</a></li>
					    <li><a href="/zzLoveProduct/register/register.jsp">注册</a></li>
					    <li><a href="/zzLoveProduct/login/login/login.jsp">退出</a></li>
					</ul>
				</li>
			   </ul>
             </nav>
           </div>
           <a class="brand" href="/zzLoveProduct/index/index.jsp"><img src="/zzLoveProduct/index/images/zzaq.png" alt="logo"style="width:150px"></a>
           <div class="pull-right">
          	<nav class="navbar nav_bottom" role="navigation">
 
		 <!-- Brand and toggle get grouped for better mobile display -->
		  <div class="navbar-header nav_2">
		      <button type="button" class="navbar-toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-megadropdown-tabs">Menu
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		      <a class="navbar-brand" href="#"></a>
		   </div> 
		   <!-- Collect the nav links, forms, and other content for toggling -->
		    <div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
		        <ul class="nav navbar-nav nav_1">
		            <li><a href="/zzLoveProduct/index/index.jsp">主页</a></li>
		            <li><a href="/zzLoveProduct/HomeServlet">个人主页</a></li>
		    	    <li><a href="/zzLoveProduct/story/Pl_story.baihe.com_1/story.jsp">故事集</a></li>
		    	    <li><a href="/zzLoveProduct/match/match.jsp">心灵匹配</a></li>
		            <li class="last"><a href="/zzLoveProduct/search/SearchById.jsp">用户名搜索</a></li>
		        </ul>
		     </div><!-- /.navbar-collapse -->
		    </nav>
		   </div> <!-- end pull-right -->
          <div class="clearfix"> </div>
        </div> <!-- end container -->
      </div> <!-- end navbar-inner -->
    </div> <!-- end navbar-inverse-blue -->
<!-- ============================  Navigation End ============================ -->
<div class="grid_3">
  <div class="container">
   <div class="breadcrumb1">
     <ul>
        <a href="index.html"><i class="fa fa-home home_1"></i></a>
        <span class="divider">&nbsp;|&nbsp;</span>
        <li class="current-page">常规搜索</li>
     </ul>
   </div>
<div class="col-md-9 search_left">
  <form action="/zzLoveProduct/SearchServlet" method="post">	
   <div class="form_but1">
	<label class="col-sm-5 control-lable1">性别: </label>
	<div class="col-sm-7 form_radios">
		<input type="radio" class="radio_1"  name="sex" value="男"/> 男 &nbsp;&nbsp;
		<input type="radio" class="radio_1"  name="sex" value="女"/> 女
	</div>
	<div class="clearfix"> </div>
  </div>
  <div class="form_but1">
	<label class="col-sm-5 control-lable1" for="marital" >婚姻状况 : </label>
	<div class="col-sm-7 form_radios">
		<input type="radio" class="radio_1"  name="marital" value="single" /> 单身 &nbsp;&nbsp;
		<input type="radio" class="radio_1"  name="marital" value="divorce" /> 离异 &nbsp;&nbsp;
	</div>
	<div class="clearfix"> </div>
  </div>
  <div class="form_but1">
    <label class="col-sm-5 control-lable1" for="sex" >收入: </label>
    <div class="col-sm-7 form_radios">
      <div class="select-block1" >
        <select id ="income" name="income">
            <option value="3000以下">3000以下</option>
            <option value="3000~5000">3000~5000</option>
            <option value="5000~10000">5000~10000</option>
            <option value="10000~20000">10000~20000</option>
            <option value="20000以上">20000以上</option> 
        </select>
      </div>
    </div>
    <div class="clearfix"> </div>
  </div>
    <div class="form_but1">
    <label class="col-sm-5 control-lable1" for="sex" >城市: </label>
    <div class="col-sm-7 form_radios">
      <div class="select-block1">
        <select id="city" name="city">
					<option value="北京市">北京市</option>	
					<option value="天津市">天津市</option>	
					<option value="上海市">上海市</option>	
					<option value="重庆">重庆市</option>	
					<option value="河北省">河北省</option>	
					<option value="山西省">山西省</option>	
					<option value="辽宁省">辽宁省</option>	
					<option value="吉林省">吉林省</option>	
					<option value="黑龙江省">黑龙江省</option>	
					<option value="江苏省">江苏省</option>	
					<option value="浙江省">浙江省</option>	
					<option value="安徽省">安徽省</option>	
					<option value="福建省">福建省</option>	
					<option value="江西省">江西省</option>	
					<option value="山东省">山东省</option>	
					<option value="河南省">河南省</option>	
					<option value="湖北省">湖北省</option>	
					<option value="湖南省">湖南省</option>	
					<option value="广东省">广东省</option>	
					<option value="海南省">海南省</option>	
					<option value="四川省">四川省</option>	
					<option value="贵州省">贵州省</option>	
					<option value="云南省">云南省</option>	
					<option value="山西省">山西省</option>	
					<option value="甘肃省">甘肃省</option>	
					<option value="青海省">青海省</option>	
					<option value="台湾省">台湾省</option>	
					<option value="内蒙古自治区">内蒙古自治区</option>	
					<option value="广西壮族自治区">广西壮族自治区</option>	
					<option value="西藏自治区">西藏自治区</option>	
					<option value="宁夏回族自治区">宁夏回族自治区</option>	
					<option value="新疆维吾尔族自治区">新疆维吾尔族自治区</option>	
					<option value="香港特别行政区">香港特别行政区</option>	
					<option value="澳门特别行政区">澳门特别行政区</option>	
        </select>
      </div>
    </div>
    <div class="clearfix"> </div>
  </div>
      <div class="form_but1">
    <label class="col-sm-5 control-lable1" for="sex">身高: </label>
    <div class="col-sm-7 form_radios">
      <div class="select-block1">
        <select id="high" name="high">
            <option value="140厘米以下">140厘米以下</option>
            <option value="140~150厘米">140~150厘米</option>
            <option value="150~160厘米">150~160厘米</option>
            <option value="160~170厘米">160~170厘米</option>
            <option value="170~180厘米">170~180厘米</option>
            <option value="180~190厘米">180~190厘米</option>
            <option value="190~200厘米">190~200厘米</option>
            <option value="200厘米以上">200厘米以上</option>
        </select>
      </div>
    </div>
    <div class="clearfix"> </div>
  </div>
  <div class="form_but1">
	<label class="col-sm-5 control-lable1" for="sex">年龄段 : </label>
	<div class="col-sm-7 form_radios">
	  <div class="col-sm-5 input-group1">
        <input class="form-control has-dark-background" name="age1" id="age1" placeholder="0岁" type="text" required="">
      </div>
      <div class="col-sm-5 input-group1">
        <input class="form-control has-dark-background" name="age2" id="age2" placeholder="100岁" type="text" required="">
      </div>
      <div class="clearfix"> </div>
	</div>
	<div class="clearfix"> </div>
  </div>
  <!-- <div id="menu">
    				<ul>
       					<li>
       					<a href="#"><input type="submit" value="开始搜索"style="background-color:red">
</a>
       					<a href="#"><input type="submit" value="你的对象"style="background-color:black"></a>
       					</li>
   					 </ul>
				</div>			 -->
				<input type="submit" value="开始搜索">
 </form>
 <div class="paid_people">
   <h1>搜索对象</h1>
   <div  class="row_1">
   <c:if test="${!empty peoples }">
<c:forEach items="${peoples}" var="str">
	    <div class="col-sm-6">
	 	<ul class="profile_item">
		  <a href="/zzLoveProduct/ShowOthersMessage?id=${str.id}" target="_blank">
		   <li class="profile_item-img">
		   	  <img style="height:200px;width:200px"src="/zzLoveProduct/search/images/Ending/${str.photo}.jpg" class="img-responsive" alt=""/>
		   </li>
		   <li class="profile_item-desc">
		   	  <p>名字:${str.username}</p>
		   	  <p>身高:${str.high}</p>
		   	  <p>生日:${str.date}</p>
		   	  <p>收入情况:${str.income}</p>
		   	  <p>城市:${str.city}</p>
		   	  <h3 style="color:red">热度:${str.heat}</h3>
		   </li>
		   <div class="clearfix"> </div>
		  </a>
	     </ul>
	   </div>
</c:forEach>
</c:if>
  </div>
</div>

<!-- FlexSlider -->
<link href="/zzLoveProduct/search/css/flexslider.css" rel='stylesheet' type='text/css' />
  <script defer src="/zzLoveProduct/search/js/jquery.flexslider.js"></script>
<!-- FlexSlider -->
</body>
</html>	